<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>科颜氏面部护理/科颜氏面部护理产品系列_价格/功效/规格/怎么样 - Kiehl's 科颜氏官网</title>
    <link rel="shortcut icon" href="./img/favicon.ico" />
    <script src="./js/apiData.js"></script>
    <script
        src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1-edb203c114.10.2.js"></script>
    <link rel="stylesheet" href="../swiper/swiper.min.css" />
    <script src="../swiper/swiper.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css" />
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <link rel="stylesheet" href="./css/face.css">
    <link rel="stylesheet" href="./css/headList.css" />
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/footer.css">
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css" />

    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
</head>

<body>
    <div class="headModule">
        <div class="header">
            <div class="head-top">
                <div class="left">
                    <div class="nav-menu">
                        <div class="menu-item">
                            <p class="title">订阅电子杂志</p>
                            <div class="menuHover">
                                <div class="label">获取科颜氏最新资讯</div>
                                <form>
                                    <input type="text" placeholder="请输入您的电子邮箱" />
                                    <div class="black-btn">订阅~</div>
                                </form>
                                <div class="check-box">
                                    <input type="checkbox" />
                                    <p>
                                        我同意依照本
                                        <a href="https://policy.lorealchina.com/termsofusewebsite" target="_blank"
                                            class="link-text">使用条款</a>和<a
                                            href="https://policy.lorealchina.com/privacypolicy" target="_blank"
                                            class="link-text">隐私政策</a>
                                        对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该
                                        <a href="https://policy.lorealchina.com/termsofusewebsite" target="_blank"
                                            class="link-text">使用条款</a>
                                        和
                                        <a href="https://policy.lorealchina.com/privacypolicy" target="_blank"
                                            class="link-text">隐私政策</a>
                                        的内容。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="menu-item">
                            <p class="title">客服中心</p>
                            <div class="menuHover">
                                <div class="routine-finder">
                                    <div class="flex-box">
                                        <div class="popup-left">
                                            <span class="iconfont icon-dianhuarexian"></span>
                                        </div>
                                        <div class="popup-right">
                                            <div class="phone-info">
                                                <div class="label">客服热线</div>
                                                <span>400-820-5433</span>
                                            </div>
                                            <a href="" class="questions">
                                                常见问题
                                                <span class="iconfont icon-youjiantou"></span>
                                                </svg>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="menu-item">
                            <p class="title">
                                <span class="icon-weizhi iconfont"></span>
                            </p>
                        </div>
                        <div class="menu-item">
                            <p class="title">
                                <span class="iconfont icon-weixin"></span>
                            </p>
                            <div class="menuHover">
                                <div class="wechat-box">
                                    <img src="https://www.kiehls.com.cn/img/mp_code_new_version.190e482d.jpg"
                                        class="wechatQR">
                                    <div class="wechat-text sans-serif">
                                        <span class="title">扫码关注</span>
                                        <span class="sub-title">科颜氏官方微信</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="routine-finder">
                            <p class="title">选择适合您的护肤品</p>
                        </div>
                    </div>
                </div>
                <div class="logo">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/Logo_d77de5fa-f810-4a5f-ab87-3978a6f483b5/Logo.png">
                </div>
                <div class="right">
                    <div class="account-section">
                        <div class="user-section">
                            <div class="user"><span>登录</span>
                            </div>
                            <!---->
                        </div>
                        <div class="user-cart">
                            <span class="iconfont icon-gouwudai101"></span>
                            <span class="shopping-text">购物袋</span>
                            <span>(0)</span>
                            <div class="mini-cart popup-with-triangle">
                                <div class="mini-cart-wrap">
                                    <div class="left-wrap">
                                        <div class="empty">
                                            <p class="empty-title">您的购物车为空</p>
                                            <a>
                                                <p class="go-shopping">立即选购您喜欢的商品</p>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="right-wrap">
                                        <div class="product-item">
                                            <div class="product-image">
                                                <img src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_1-UFC-50ML_TCN03386.jpg"
                                                    alt="">
                                            </div>
                                            <div class="product-detail">
                                                <p class="product-name">科颜氏高保湿霜</p>
                                                <div class="heart-main">
                                                    <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                                                </div>
                                                <p class="product-price">¥315 - ¥580</p>
                                            </div>
                                        </div>
                                        <div class="product-item">
                                            <div class="product-image">
                                                <img src="https://ecuniplatform-static.kiehls.com.cn/medias/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U_e7bfd07e9c8543f68a8383b263ab651b/PRODUCT_150_150/RATIO/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U.jpg"
                                                    alt="">
                                            </div>
                                            <div class="product-detail">
                                                <p class="product-name">科颜氏金盏花爽肤水</p>
                                                <div class="heart-main">
                                                    <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                                                </div>
                                                <p class="product-price">¥340 - ¥570</p>
                                            </div>
                                        </div>
                                        <div class="product-item">
                                            <div class="product-image">
                                                <img
                                                    src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_12-CCDS%E5%AE%89%E7%99%BD%E7%93%B6-30ML_F7681100U.jpg">
                                            </div>
                                            <div class="product-detail">
                                                <p class="product-name">科颜氏新集焕白均衡亮肤淡斑精华液</p>
                                                <div class="heart-main">
                                                    <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                                                </div>
                                                <p class="product-price">¥540 - ¥1300</p>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>



                    <div class="search-section">
                        <div class="nav-item">查看所有产品</div>
                        <div class="nav-item no-border">先试后买计划</div>
                        <div class="nav-item no-border search-box">
                            <input placeholder="高保湿霜">
                            <div class="search-btn">
                                <span class="iconfont icon-sousuo"></span>
                            </div>
                            <div class="el-row">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav>
        <ul class="headList"></ul>
        <div class="headList_layer_2"></div>
        <div class="headList_layer_2_title"></div>
        <div class="headList_layer_3"></div>
        <div class="kiehls_text"></div>
    </nav>
    </div>
    </div>
    <!-- 左边固定图片 -->
    <div class="ball-page">
        <img src="https://ecuniplatform-static.kiehls.com.cn/medias/高保湿霜_225fda49b8f04754a1b7b839b7f80d71/高保湿霜.png"
            class="icon">
    </div>
    <!-- 右侧固定内容 -->
    <div class="nav-roll">
        <div class="service-tel sans-serif">
            客服<br>电话
            <div class="telephone-box">
                <div class="phone-info">
                    <span class="iconfont icon-dianhuarexian"></span>
                    <p>咨询热线</p>
                    <p>400-820-5433</p>
                </div>
            </div>
        </div>
        <div class="customer-online sans-serif">
            在线<br>咨询
        </div>
    </div>
    <!-- 回到顶部按钮 -->
    <div class="go-top LiHover">
        <span>置顶 ⬆</span>
    </div>




    <div class="face">
        <div class="banner">
            <img
                src="https://ecuniplatform-static.kiehls.com.cn/751539322817085440/%E7%94%BB%E6%9D%BF%204_90927cfc-2adb-41f8-9e0f-a5f1ba94a986/%E7%94%BB%E6%9D%BF%204.jpg">
        </div>


        <div class="pc-main-content">
            <div class="side-menu">
                <h1 class="category_head">头发护理</h1>
                <div class="filter-title">
                    按系列 <span>+</span>
                </div>
                <div class="filter-title">
                    按价格 <span>+</span>
                </div>
            </div>

            <!-- 商品列表 -->
            <div class="product-list">
                <div class="select_title">
                    <div class="item-title">
                        <span class="el-breadcrumb__item">
                            <span class="el-breadcrumb__inner is-link"><a href="index.html">首页</a></span>
                            <span class="el-breadcrumb__separator">&gt;</span></span>
                        <span class="el-breadcrumb__item">
                            <span class="el-breadcrumb__inner red is-link"> 头发护理</span>

                        </span>
                    </div>
                    <select placeholder="请选择" class="sort_by_list">
                        <option>请选择排序方式</option>
                        <option>价格由高到低</option>
                        <option>价格由低到高</option>
                        <option>按上市时间</option>
                        <option>明星产品排行</option>
                    </select>
                </div>
                <div class="product-list-container">

                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="clp_slot">
            <div class="clp_slot_title"><span>面部护理</span></div>
            <div data-v-6dee3f3a="" class="editor-viewer">
                <p style="text-align: center; "></p>
                <p style="text-align: center; "> </p>
                <p style="text-align: center; ">科颜氏为您提供多款面部护理产品，适合各类肤质人群，为其解决肌肤暗沉、粗糙、干燥、油腻、松弛等多种肌肤问题，搭配使用更能有效改善肌肤状态。
                </p>
                <p style="text-align: center; ">产品包括：科颜氏高保湿系列、皮肤专家系列、明星爽肤水系列等。</p>
                <p style="text-align: center; ">了解更多关于科颜氏面部护理产品价格、功效、使用方法等信息，购买科颜氏面部护理产品，就到Kiehl's 科颜氏中国官网。</p>
                <p></p>
            </div>
        </div>

    </div>

    <script>

        let uid = localStorage.getItem("uid");
        let username = localStorage.getItem("username");
        loadProductList()
        function loadProductList() {
            // 所有商品接口
            // get
            // 参数
            // pagesize  每页获取几个数据
            // pagenum 获取第几页数据
            // uid  用户id
            // http://jx.xuzhixiang.top/ap/api/allproductlist.php?pagesize=20&pagenum=4

            let productListAPI =
                "http://jx.xuzhixiang.top/ap/api/allproductlist.php";
            let pagesize = 50;
            let pagenum = 0;

            $.ajax({
                type: "get",
                url: productListAPI,
                data: {
                    pagesize,
                    pagenum,
                    uid,
                },
                success: function (res) {
                    console.log(res.data);
                    let html = ``;
                    res.data.forEach((pObj) => {
                        // console.log(pObj);
                        html += `
                        <div class="product">
                        <div onclick =location.href='detail.html?pid=${pObj.pid}' class="img">
                            <img src="${pObj.pimg}" alt="">
                        </div>
                        <h3>${pObj.pname}</h3>
                        <p>${pObj.pdesc}</p>
                        <span>￥${pObj.pprice}</span>
                        <button onclick="addCart(${pObj.pid})" class="addbtn">加入购物车</button>
                    </div>
                `;
                        $(".product-list-container").append(html);

                    });
                },
            });
        }

        function addCart(pid) {
                    let uid = localStorage.getItem("uid")
                    console.log(pid);
                    const cartAddAPI = 'http://jx.xuzhixiang.top/ap/api/add-product.php'
                    $.ajax({
                        type: "get",
                        url: cartAddAPI,
                        data: {
                            uid,
                            pid,
                            pnum: 1
                        },
                        success: function (res) {
                            console.log(res);
                            layui.use('layer', function () {
                                
                        var layer = layui.layer;
                        layer.msg('成功加入购物车');
                        loadCartList()
                    });

                        }
                    })
                }
    </script>


    <div class="common-footer">
        <div class="border-bottom-1px">
            <img src="	https://www.kiehls.com.cn/img/pc_footer.1fd0605e.png" alt="" id="pcLogoFooter"
                class="footerContent" />
        </div>
        <div class="introWrapper">
            <ul class="footerContent">
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/官网直售_5a2863dd-fe16-4798-9271-c54ac571a297/官网直售.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>官方直售</p>
                        <p class="subTitle-font">官方直供 正品保证</p>
                    </div>
                </li>
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/顺丰包邮_2c97d901-5cf2-4101-aa4d-ed29284c8100/顺丰包邮.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>顺丰包邮</p>
                        <p class="subTitle-font">
                            满100元即可享受此项服务 顺丰不达地区使用其他快递
                        </p>
                    </div>
                </li>
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/精美礼盒_da935b46-b0aa-4d89-b814-4c8eb1595eb9/精美礼盒.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>精美礼盒</p>
                        <p class="subTitle-font">
                            甄选精美礼盒包装 尊享官网购物体验
                        </p>
                    </div>
                </li>
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/惊喜礼遇_3e8b2bb6-0790-4de1-acd8-48325cbcb101/惊喜礼遇.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>惊喜礼遇</p>
                        <p class="subTitle-font">礼遇官网 特惠惊喜</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="menu-box footerContent">
            <div class="menu-cloumn">
                <div class="title">面部护理</div>
                <div class="title-child">洁面/磨砂膏</div>
                <div class="title-child">面膜</div>
                <div class="title-child">明星爽肤水</div>
                <div class="title-child">精华液</div>
                <div class="title-child">乳液/面霜</div>
                <div class="title-child">防晒隔离</div>
                <div class="title-child">眼部/唇部护理</div>
                <div class="title-child">特殊护理</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">身体护理</div>
                <div class="title-child">身体保湿</div>
                <div class="title-child">身体清洁/去角质</div>
                <div class="title-child">手足护理</div>
                <div class="title-child">香氛</div>
                <div class="title-child">婴儿护理</div>
                <div class="title-child">宠物护理</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">男士护理</div>
                <div class="title-child">洁面/剃须</div>
                <div class="title-child">爽肤</div>
                <div class="title-child">面部滋养</div>
                <div class="title-child">眼部/唇部护理</div>
                <div class="title-child">造型</div>
                <div class="title-child">其他护理</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">头发护理</div>
                <div class="title-child">洗发水</div>
                <div class="title-child">护发素</div>
                <div class="title-child">修护</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">其他</div>
                <div class="title-child">甄选套组</div>
            </div>
            <div class="contact-box">
                <div class="email-box">
                    <div class="label">订阅电子杂志</div>
                    <div class="content-box">
                        <input placeholder="输入您的邮箱" />
                        <div class="black-btn">立即订阅</div>
                        <span style="display: none">请输入正确的邮箱地址</span>
                        <div class="check-box">
                            <input type="checkbox" />
                            <p>
                                我同意依照本<a target="_blank"
                                    href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a>和<a target="_blank"
                                    href="https://policy.lorealchina.com/privacypolicy">隐私政策</a>对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该<a
                                    target="_blank" href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a>和<a
                                    target="_blank" href="https://policy.lorealchina.com/privacypolicy">隐私政策</a>的内容。
                            </p>
                        </div>
                        <span style="display: none">请勾选同意</span>
                    </div>
                </div>
                <div id="attachInfo">
                    <div class="attention-box">
                        <div class="label">关注我们</div>
                        <div class="content-box">
                            <div class="icon">
                                <i class="float_left icon_weibo"></i><a href="https://weibo.com/kiehlschina">官方微博</a>
                            </div>
                            <div class="icon">
                                <i class="float_left icon_wechat"></i><a href="javascript:void(0);">官方微信</a>
                                <div class="popup wechat-popup popup-with-right-triangle">
                                    <div class="wechat-box">
                                        <img src="https://www.kiehls.com.cn/img/mp_code_new_version.190e482d.jpg"
                                            class="wechatQR" />
                                    </div>
                                </div>
                            </div>
                            <div class="icon">
                                <i class="float_left icon_kstar"></i><a target="_blank">K星人俱乐部</a>
                            </div>
                        </div>
                    </div>
                    <div class="attention-box address">
                        <div class="label">联系我们</div>
                        <p class="add_name">欧莱雅（中国）有限公司</p>
                        <p id="add_address">地址：上海市静安区南京西路1601号</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-box">
            <div>
                <p style="text-align: center">
                    国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特字”或者“国妆特进字”的标准文号。
                </p>
            </div>
            <ul class="copyright_beian">
                <li>
                    <div>
                        <span class="copy-right">© L'Oréal China </span>欧莱雅（中国）有限公司版权所有
                    </div>
                </li>
                <li>
                    <i class="middle_icon"><a target="_blank"
                            href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-20171114174223655199&amp;signData=MEUCIHb/ostwAFBMOMhblsmm93keeWs3MWzSprmQqJD0Nd70AiEA/AA78EF2ERZ7FFQsdWMlVAHTzyvMFy1i/qTStLwI6xA="></a></i><a
                        target="_blank"
                        href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-20171114174223655199&amp;signData=MEUCIHb/ostwAFBMOMhblsmm93keeWs3MWzSprmQqJD0Nd70AiEA/AA78EF2ERZ7FFQsdWMlVAHTzyvMFy1i/qTStLwI6xA=">中国工商</a><a
                        target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
                        class="icp-margin">沪ICP备08100043号-15</a>
                </li>
                <li>
                    <i class="right_icon"><a target="_blank"
                            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001527"></a></i><a
                        target="_blank"
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001527">沪公网安备
                        31010602001527号
                    </a>
                </li>
                <li><i class="cx-logo"></i></li>
            </ul>
            <div class="service_box">
                <a target="_blank" href="https://policy.lorealchina.com/cookiespolicy">Cookies政策</a><span
                    class="devider">|</span><a target="_blank"
                    href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a><span class="devider">|</span><a
                    target="_blank" href="https://policy.lorealchina.com/privacypolicy">隐私政策</a>
            </div>
        </div>

    </div>

    <script src="./js/headList.js"></script>

</body>

</html>